
function renderBd(ele) {
    var str1 = '';
    ele.forEach(function (value) {
        var str2 = '';
        var str3 = '';
        if (value.good_name == '美宝莲') {
            str3 = `<i class="iconfont icon-kefu1"></i>`
        } else {
            str3 = `<i class="iconfont icon-kefu1 icon2"></i>`
        }
        value.goods_thumb.forEach(function (value1) {
            str2 += `
            <li class="curr">
                <img src="${value1}" alt="">
            </li>`
        })
        str1 += `<li class="content_bd">
        <a class="aaa" href="${'?' + value.goods_id}">
            <div class="content_bd_img1">
            <img src="${value.goods_thumb[0]}" alt="">
            </div>
        </a>

            <div class="content_bd_img2">
            <ul>`+ str2
            + `</ul>
            </div>
            <div class="bd_lie">
            <div class="bd_lie_price">${value.shop_price_formated}</div>
            <div class="bd_lie_num">已售<span class="num">${value.sales}</span>件</div>
            </div>
            <div class="bd_name">
            <a href="${'?' + value.goods_id}" title="${value.title}">${value.title}</a>
            </div>
            <div class="bd_store">
            <span class="store">${value.good_name}</span>` + str3 + `
            </div>
            <div class="bd_operate">
            <a class="comparison">
                <input class="oinput1" type="checkbox" id="${value.iptid}">
                <label for="${value.iptid}">对比</label></a>
            <a class="collect"><i class="iconfont icon-aixin2
                        "></i>收藏</a>
            <a class="addsp"><i class="iconfont icon-gouwuche
                        "></i>加入购物车</a>
            </div>
            <div class="history_close">
                                <a href="javascript:delHistory(848)"><img
                                        src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/p-del.png"></a>
                            </div>
    </li>`
    })
    $('.content .content_brand').html(str1)
};
renderBd(allData.beautyData.mainData);
// 接受数据
var index1;
var index2;
var imgUrl;
var bdName;
var bdPrice;
function fun(url, name, price) {
    $('.ulist1')[0].innerHTML += `<li class="list1">
    <div class="list1_img">
        <img src="${url}" alt="">
    </div>
    <a href="#">${name}</a>
    <p class="list1_price">${price}</p>
    <p class="rem">删除</p>
</li>
    `
};
$('.comparison').click(function (e) {
    if ($(e.target).is("input")) {
        return;
    };
    imgUrl = $(this).parents('.content_bd').find('.content_bd_img1').children().attr('src');
    bdName = $(this).parents('.content_bd').find('.bd_name').children().text().trim();
    bdPrice = $(this).parents('.content_bd').find('.bd_lie_price').text();

    if (!$(this).parents('.content_bd').find('.oinput1').prop('checked')) {

        if (!$('#contrast').attr('display')) {
            $('#contrast').css('display', 'block');

        };
        if ($('.list1').length > 3) {
            $('#pbDialog1').css('display', 'block');
            $('#pb-mask').css('display', 'block');
            $(this).parents('.content_bd').find('.oinput1').prop('checked', true)
        } else {
            fun(imgUrl, bdName, bdPrice);
            $('.list1').each(function (index, value) {
                $(value).css('order', -parseInt($(value).find('.list1_price').text().slice(1)))
            });
        }
        $('.rem').click(function () {
            $(this).parent().remove();
            var that1 = this;
            $('.content_bd .bd_name a').each(function (index, value) {

                if ($(value).text().trim() == $(that1).prevAll('a').text().trim()) {

                    index2 = $(value).parents('.content_bd').index();
                }

            });
            $('.content_bd').eq(index2).find('.oinput1').prop('checked', false);
            if ($('.list1').length == 0) {
                $('.contrast').css('display', 'none')
            }
            if ($('.list1').length == 0) {
                $('#contrast').css('display', 'none');

            }
        })

    } else {
        $('.list1 a').each(function (index, value) {
            if ($(value).text().trim() == bdName) {
                index1 = $(value).parent().index();
            }
        });
        $('.list1').eq(index1).remove();
        if ($('.list1').length == 0) {
            $('.contrast').css('display', 'none')
        }
    };

});
$('.txt3').click(function () {
    $('.ulist1')[0].innerHTML = '';
    // console.log($('.oinput1'));
    $('.oinput1').prop('checked', false)
    $('#contrast').css('display', 'none');
});
$('.yincang').click(function () {
    $('#contrast').css('display', 'none');
});
$('.sub_1  li').click(function () {
    $(this).find('.iconfont').addClass('icon-shangfan1').end().siblings().find('.iconfont').removeClass('icon-xiafan1').addClass('icon-shangfan1')
    $('.sub_3 input').each(function (index, value) {
        $(value).prop('checked', false);
    })
    $(this).addClass('active1').siblings().removeClass('active1')
    if ($(this).find('.icon-xiafan1').length == 0) {
        $(this).find('.iconfont').addClass('icon-xiafan1').removeClass('icon-shangfan1');
    } else {
        $(this).find('.iconfont').addClass('icon-shangfan1').removeClass('icon-xiafan1');
    }
});
$('.sub_1 .lis').click(function () {

    location.href = 'file:///D:/Desktop/%E9%A1%B9%E7%9B%AE/browse.html';
});
$('.pb-x').click(function () {
    $('#pbDialog').css('display', 'none');
    $('#pb-mask').css('display', 'none');
    $('#pbDialog1').css('display', 'none');
});
$('#store-checkbox-011').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2');
    if ($(this).prop('checked')) {
        $('.content').css('display', 'none');
        $('.goods-list').css('display', 'block')
    } else {
        $('.content').css('display', 'block')
        $('.goods-list').css('display', 'none')

    };
    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('#store-checkbox-012').click(function () {
    $('#bigtu').addClass('active2').siblings().removeClass('active2');
    if ($(this).prop('checked')) {
        newMainData1 = newMainData1.filter(function (value) {
            return value.good_name == '商创自营';

        })
    } else {
        renderBd(newMainData);

    };
    renderBd(newMainData1);

    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('#store-checkbox-013').click(function () {

    $('html').fadeOut(100);
    $('html').fadeIn(100);
});
$('.history_close ').click(function(){
    $(this).parents('.content_bd').remove();
    if($('.content_bd').length==0){
        $('.content').css('display', 'none');
        $('.goods-list').css('display', 'block')
    }
});
$('.curr').mouseover(function () {
    $(this).parents('.content_bd_img2').prev().find('img').attr('src', $(this).find('img').attr('src'))
});